<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Student Schedulr</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="pierre larochelle">
	<!-- Date: 2007-10-09 -->
	<link rel="stylesheet" href="schedulr.css" type="text/css" />
	<script src="javascripts/prototype.js" type="text/javascript"></script>
	<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
<!--	<script src="javascripts/my_effects.js" type="text/javascript"></script>
-->	<h1 id="main_header">Student Schedulr</h1>
</head>
<body>
	
	<div id="navigation_container" class="main_container">
		<h2 id="navigation_header">
			Navigation
		</h2>
		<ul id="links">
			<li><a href="#" class="selected">Schedulr</a></li>
			<li><a href="#" class="unselected">Calendar</a></li>
			<li><a href="#" class="unselected">Friends</a></li>
			<li><a href="#" class="unselected">Preferences</a></li>
		</ul>
	</div>
	<div id="schedule_container" class="main_container">
		<h2	id="schedule_header">Schedule</h2>
		<h3 id="primary_major_header">Computer Science</h3>
		<div class="semester" id="current_semester">
			<h4 class="semester_header">Fall 2007<span class="registration_open">(Registration Open)</span></h4>
			<div class="hours">15 hours</div>
			<ul class="courses" id="fall2007_courses">
				<li id="cs1050_k" class="course">
					<!--span class="arrowr" id="arrow_cs1050_k" onclick="new Effect.toggle('cs1050_k_details', 'blind', {duration:.3})">&gt</span--><span class="course_header" onclick="new Effect.toggle('cs1050_k_details', 'blind', {duration:.3})">Understanding and Constructing Proofs</span>
					<div id="cs1050_k_details" class="course_details" style="display: none">
						Instructor: Tetali<br>
						Course Number: CS1050<br>
						Section: K<br>
						Days: MWF<br>
						Time: 3:05 pm to 3:55 pm<span class="change_section" onclick="new Effect.toggle('cs1050_sections', 'blind', {duration: .3})">(change section)</span>
						<div id="cs1050_sections" class="course_sections" style="display: none"><table>
							<tr><th>Instructor</th><th>Days</th><th>Times</th></tr>
							<tr class="section_time"><td>Tetali</td><td>MWF</td><td>8:05 - 8:55 am</td><td class="section_select" onclick="alert('Setion Changed')">(select)</td></tr>
							<tr><td class="section_time_unavailable">Gupta</td><td class="section_time_unavailable">TR</td><td class="section_time_unavailable">3:05 - 4:25 pm</td><td class="section_conflict">(conflict with CS4400)</td></tr>
						</table></div>
					</div>
				</li>
				<li id="cs4400_a" class="course" onclick="new Effect.toggle('cs4400_a_details', 'blind', {duration:.3})">	
					<!--span class="arrowr" id="arrow_cs4400_a" onclick="new Effect.toggle('cs4400_a_details', 'blind', {duration:.3})">&gt</span--> Intro to Database Systems<span class="remove" id="cs4400_a_remove" onclick="new Effect.BlindUp('cs4400_a', {duration:.3, afterFinish: alert('Unregistered!')});">[X]</span>
					<div id="cs4400_a_details" class="course_details" style="display: none">
						Instructor: Guyton<br>
						Course Number: CS4400<br>
						Section: A<br>
						Days: TR<br>
						Time: 1:05pm to 2:25 pm<span class="change_section">(change section)</span>
					</div>
					
				
				</li>
				<li class="course">
					<!--span class="arrowr">&gt</span--> Combinatorics
				</li>
				<li class="course">
					<!--span class="arrowr">&gt</span--> Differential Equations
				</li>
			</ul>
		</div>
		<div class="semester">
			<h4 class="semester_header">Spring 2008<span class="registration_closed">(Registration not yet open)</span></h4>
			<div class="hours">18 hours</div>
			<ul class="courses">
				<li class="course">
					<!--span class="arrowr">&gt</span--> Linear Programming
				</li>
				<li class="course">
					<!--span class="arrowr">&gt</span--> Numerical Analysis
				</li>
				<li class="course">
					<!--span class="arrowr">&gt</span--> Probability and Statistics
				</li>
				<li class="course">
					<!--span class="arrowr">&gt</span--> Automata and Complexity Theory
				</li>
			</ul>
		</div>
		<div class="semester">
			<h4 class="semester_header">Summer 2008<span class="registration_closed">(Registration not yet open)</span></h4>
			<div class="hours">12 hours</div>
			<div class="courses">
				<div class="course">
					<!--span class="arrowr">&gt</span--> Calculus III for CS
				</div>
				<div class="course">
					<!--span class="arrowr">&gt</span--> Sensation and Perception
				</div>
				<div class="course">
					<!--span class="arrowr">&gt</span--> Research Methods and Practices
				</div>
			</div>
		</div>
	</div>
	<div id="search_container" class="main_container">
		<h2 id="search_header">Search Classes</h2>
		<form method="post" action="#" id="search_form">
			<table>
			<tr><td>School:</td><td><select name="search_school">
					<option value="#">Mathematics</option>
					<option value="#">Computer Science</option>
					<option value="#">Psychology</option>
				   </select></td></tr>
				
			<tr><td>Name:</td><td><input type="text" name="search_name" /></td></tr>
			</table>
			<div class="tiny" id="show_hide_extra" onclick="new Effect.toggle('extra_fields', 'blind')">- show extra fields -</div>
			<div id="extra_fields" style="display: none">
			<br>Number:<input type="text" name="search_number">
			<br>Instructor:
				<select name="search_school">
					<option value="#">Bill Green</option>
					<option value="#">Bill Leahy</option>
					<option value="#">Pierre Larochelle</option>
				</select>
			<br><fieldset id="days">
			<legend>Days(inclusive)</legend>
				<input type="checkbox" name="day" value="monday" />Monday<br>
				<input type="checkbox" name="day" value="tuesday" />Tuesday<br>
				<input type="checkbox" name="day" value="wednesday" />Wednesday<br>
				<input type="checkbox" name="day" value="thursday" />Thursday<br>
				<input type="checkbox" name="day" value="friday" />Friday<br>
			</fieldset>
			<br><fieldset id="time">
			<legend>Time</legend>
				<br>After:<input type="text" name="time_after" class="time" />
						<select name="after_time_am_pm">
							<option value="#">AM</option>
							<option value="#">PM</option>
						</select>
				<br>Before:<input type="text" name="time_after" class="time" />
						<select name="after_time_am_pm">
							<option value="#">AM</option>
							<option value="#">PM</option>
						</select>
			</fieldset>
			</div>
		</form>
		<div id="search_results">
			<div id="results_header">Classes</div>
			<ul class="searched_courses">
				<li class="course" id="math4400">
					<span class="course_header" onclick="new Effect.toggle('math4400_sections', 'blind', {duration:.3})">Real Analysis I</span>
					<div id="math4400_sections" class="course_sections" style="display: none"><table>
						<tr><th>Instructor</th><th>Days</th><th>Times</th></tr>
						<div id="math4400_k"><div><tr class="section_time"><td>Green</td><td>MWF</td><td>8:05 - 8:55 am</td><td class="section_select"><div id="math4400_k_handle">(drag me)</div></td></tr></div></div>
						<tr><td class="section_time_unavailable">Bouza</td><td class="section_time_unavailable">TR</td><td class="section_time_unavailable">3:05 - 4:25 pm</td><td class="section_conflict">(conflict with CS4400)</td></tr>
					</table></div>
				</li>
				<li class="course">Real Analysis II</li>
				<li class="course">Complex Analysis I</li>
				<li class="course">Complex Analysis II</li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" charset="utf-8">
	// <![CDATA[
		var sort = Sortable.create('fall2007_courses', {contraints:false});
		new Draggable('math4400', {revert:true});
		Droppables.add('fall2007_courses', {
			onDrop: function(element) {
				alert('Registered!');
			},
	//		onHover: Sortable.onHover,
			hoverclass: 'dropping'
		});
	// ]]>
	</script>
</body>

</html>
